<!DOCTYPE html>
<html lang="pt-br">
<head>
    <!-- Codificação de caracteres -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <!--[if lt IE 9]>
    <script type="text/javascript">
        document.createElement("nav");
        document.createElement("header");
        document.createElement("footer");
        document.createElement("section");
        document.createElement("aside");
        document.createElement("article");
    </script>
    <![endif]-->
    
    <title>{% block title %}{% endblock %} - Restaurante Aqui Agora!</title>

    <!-- Style sheets -->
    <link rel="stylesheet" type="text/css" href="/media/css/style.css" />
    <link rel="stylesheet" type="text/css" href="/media/css/texto.css" />
    <link rel="stylesheet" type="text/css" href="/media/css/nav.css" />
    <link rel="stylesheet" type="text/css" href="/media/css/header.css" />
    <link rel="stylesheet" type="text/css" href="/media/css/center.css" />
    <link rel="stylesheet" type="text/css" href="/media/css/footer.css" />
    
    <link rel="stylesheet" type="text/css" href="/media/css/link.css" />
    
    <link rel="stylesheet" type="text/css" href="/media/css/mesas.css" />
    <link rel="stylesheet" type="text/css" href="/media/css/pedido.css" />
    <link rel="stylesheet" type="text/css" href="/media/css/produtos.css" />
    
    <!-- JavaScript - Script -->
    <script type="text/javascript" src="/media/js/jquery.min.js"></script>
    <script type="text/javascript" src="/static/admin/js/admin/RelatedObjectLookups.js"></script>
    {% block js %}
    {% endblock %}
    
</head>
<body>

<nav id="top_nav">
	<ul>
		<li><a href="/">Início</a></li>
        {% if user.is_authenticated %}
        <li><a href="/balcao">Balcão</a></li>
        <li><a href="/entregas">Entregas</a></li>
        <li><a href="/relatorio">Relatório</a></li>
        {% if user.is_staff %}
        <li><a href="/admin">Administração</a></li>
        <li><a href="/admin/restaurante/evento/">Eventos</a></li>
        {% endif %}
        {% endif %}
		<li><a href="/sobre">Sobre o sistema</a></li>
		<li><a href="/ajuda">Ajuda</a></li>
		{% if user.is_authenticated %}
		<li id="logado_como"><i>Logado como {{request.user.username}}</i><a href="/logout" onclick="return confirm('Deseja realmente sair?');">Sair</a></li>
		{% else %}
		<li>{{ "" }}</li>
		{% endif %}
	</ul>
	</nav>
	
<header id="page_header">

    <a href="/">
        <img src="/media/galeria/images/logomarca.png" alt="Restaurante Aqui Agora" height="140" />
    </a>
	
    <!-- 
    <a href="/">
        <span style="font-size: 16px;">Restaurante</span><br />
        <span style="font-size: 30px;">Aqui Agora</span>
    </a>
     -->
</header>
    <section id="page_center">
    
   	{% block conteudo %}{% endblock %}
    
    </section>
    
<footer id="page_footer">
    Simplesmente o melhor!
</footer>
</body>
</html>
